<template>
	<view class="a"><text class="a1">选择入园日期</text><text class="a2">2024.06</text></view>
	<uni-card class="b">
		<view class="button-container ">
		        <button class="button"><text class="zi">周六01</text></button>
		        <button class="button"><text class="zi">周日02</text></button>
		        <button class="button"><text class="zi">周一03</text></button>
				<button class="button"><text class="zi">周二04</text></button>
				<button class="button"><text class="zi">周三05</text></button>
				<button class="button"><text class="zi">周四06</text></button>
				<button class="button"><text class="zi">周五07</text></button>
		

		    </view>
			<view class="button-container1 ">
			        <button class="button"><text class="zi">周六01</text></button>
			        <button class="button"><text class="zi">周日02</text></button>
			        <button class="button"><text class="zi">周一03</text></button>
					<button class="button"><text class="zi">周二04</text></button>
					<button class="button"><text class="zi">周三05</text></button>
					<button class="button"><text class="zi">周四06</text></button>
					<button class="button"><text class="zi">周五07</text></button>
			    </view>
		
	</uni-card>
	<view class="a"><text class="a1">选择入园时段</text></view>
	<uni-card class="b">
		<view class="button-container2">
			<button class="c"><text class="e">09:00-11:00 ｜已约满</text></button>
			<button class="c"><text class="e">11:00-13:30 ｜已约满</text></button>
		</view>
		<view >
			<button class="c1"><text class="e">13:30-16:00 ｜余 4</text></button>
		</view>
		
	</uni-card>
	<button class="f" @click="toyuyuepz()"><text class="g">时段确认</text></button>
</template>

<script >
export default {
	  data() {
	    return {
	     
	    };
	  },onLoad: function (option) {
				console.log(option.id); 
				this.getId = option.id;
			},
	  methods: {
	   
		 toyuyuepz() {
			 if(this.getId == '1'){
				 uni.navigateTo({
		     			url: '/pages/gerenyuyue/gerenyuyue' 
		     		})
				
		    }else{
				 uni.navigateTo({
				 	url: '/pages/tuanduiyuyue/tuanduiyuyue' 
				 })
			 }
			 }
		     
		// ,toTuandui() {
		// 	  // this.$router.push('/pages/yuyuechenggong/yuyuechenggong');
		// 	uni.navigateTo({
		// 		url: '/pages/tuanduiyuyue/tuanduiyuyue'
		// 	})
		// 	}
	  }
	  
	};
	
	
</script>


<style scoped>
	.e{
		width: 130px;
		height: 10px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 13px;
		color: #6B6B6B;
		letter-spacing: 0;
		
	}
	.a{
		display: flex;
		justify-content: space-between;
		
	}
	.a1{
		/* margin-left: 12px; */
		/* margin-top: 50px; */
	}
	.a2{
		/* margin-left:305px; */
	}
	.b{
		width: 351px;
		height: 180px;
		background: #FFFFFF;
		border-radius: 12px;
		
	}
	.button-container {
	           display: flex;
	          /* justify-content: center; */
	         /*  align-items: center; */
	           height: 80px;
			 /*  float: right; */
			 /* margin-right: -13px; */
	       }
	.button-container1 {
				margin-top: 5px;
		        display: flex;
		            /*  justify-content: center;
		              align-items: center; */
		        height: 80px;
		   		  /* float: right;
				  margin-right: -13px; */
		        }
	.button-container2{
		display: flex;
		height: 80px;
	}
	.button {
	          /* width: 46px;
	          height: 80px; */
	          background: #F5F5F5;
	          border-radius: 4px;
		      cursor: pointer;
			  margin-left: 5px; 
			 
					   }
		.button:hover {
				background-color: #91ab45;
					    }

							   .zi{
								 /*  width: 30px;
								   height: 14px;
								   font-family: PingFangSC-Regular;
								   font-weight: 400; */
								   font-size: 15px;
								   color: #000000;
								   letter-spacing: 0;
							   }
							
							
							 
							 .c{
								 width: 160px;
								 height: 35px;
								 background: #F5F5F5;
								 border-radius: 2px;
								/* margin-right: 10px; */
								/* top: -30px; */
								
							 }
							 .c1{
								 width: 160px;
								 height: 35px;
								 background: #F5F5F5;
								 border-radius: 2px;
								margin-left: 3px;
								 bottom: 40px;
								
							 }
							 .c:hover {
							 		background-color: #91ab45;
									}
									.c1:hover {
											background-color: #91ab45;
											}
											.f{
												width: 351px;
												height: 45px;
												background: #8DCB6D;
												border-radius: 25px;
												margin-top: 140px;
											}
											.g{
												width: 68px;
												height: 24px;
												font-family: PingFangSC-Medium;
												font-weight: 500;
												font-size: 17px;
												color: #FFFFFF;
												letter-spacing: 0;
											}
			 
</style>

}